<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>睿汇交易社区</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/dist/css/bootstrap.min.css" media="screen" title="no title">
    <link rel="stylesheet" href="css/home.css" media="screen" title="no title">
    <script src="js/html5media.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        function isMobileUserAgent() {
            return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
        }
        console.log(isMobileUserAgent());
        if (isMobileUserAgent()) {
            				// location.href = "mobile.html"
        }
    </script>

    <!--[if IE]>
		<style>
	.video-layer {
   top:40%;
   left:40%;
   
}
</style>
	<![endif]-->

</head>

<body class="HolyGrail">
    <div class="haibei-container">
        <header>
            <div class="haibei-logo">
                <a href=""><img src="images/logo1.png" alt="" style="width:192px"></a>
            </div>
        </header>
        <div class="HolyGrail-warpper">
            <div class="HolyGrail-body">
                <div class="content-item content-left">
                    <div class="content-item-left">
                        <img src="images/text.png" alt="" width="90%"/>
                    </div>
                    <div class="haibei-detaile">
                    		<a href="javascript:;"></a>
                    </div>
                    <div class="content-item-download">
                        <div class="haibei-download ">
                            <ul>
                                <li>
                                    <!--<a href="https://itunes.apple.com/cn/app/hai-bei-she-qu/id1168383375?mt=8" id="iosDapp"><img src="images/ios.png " alt=" " />&nbsp;&nbsp;&nbsp;IOS版审核中</a>-->
                                    <a href="javascript:;" id="iosDapp"><img src="images/ios.png " alt=" " />&nbsp;&nbsp;&nbsp;苹果版下载</a>
                                </li>
                                <li>
                                    <a href="http://fir.im/cwed"><img src="images/android.png " alt=" " />&nbsp;&nbsp;&nbsp;安卓版下载</a>
                                </li>
                                <li>
                                    <a href="http://120.25.88.227:8888/haibeishequ_1.0beta.zip"><img src="images/window.png " alt=" " />&nbsp;&nbsp;&nbsp;PC版下载</a>
                                </li>
                            </ul>
                        </div>
                        <div class="haibei-scan-code text-center ">
                            <dl>
                                <dt><img src="images/code.png" alt="扫码下载到手机" width="200 "/></dt>
                                <dd>扫码下载到手机</dd>
                            </dl>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="content-item content-right">
                    <div class="haibei-video">
                        <!--<div class="video-layer">
                            <img src="images/paused.png" alt="" id="playVideo" />
                        </div>-->
                        <div id="video1" loop="true" poster="images/p.png">
                        <img src="images/p.png" alt="" width="220">
						<!--<source src="http://www.haibeiclub.com/images/750-1334.mp4" type="video/mp4">-->
						<!-- <source src="http://www.runoob.com/try/demo_source/mov_bbb.ogg " type="video/ogg "> -->
						
					</div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>

        </div>
    </div>
    <footer class="haibei-footer text-center hidden">
        <span>公司名称：成都沃单网络科技有限公司</span>
        <span>客服邮箱：kefu@haibeiclub.com</span>
        <span>微信公众号：<img src="images/weixin.png" alt="" id="weixin"></span>
    </footer>
    <div class="weixinCode">
        <dl class="weixinContent">
            <dt> <img src="images/code1.png" alt="" width="220"></dt>
            <dd>扫描二维码关注海贝社区微信公众号</dd>
        </dl>
        <div class="arrorTop"></div>
    </div>
    <script type="text/javascript">
        window.onload = function() {
            var playVideo = document.getElementById('playVideo');
            var video = document.getElementById('video1');
            var contarian = document.querySelectorAll(".haibei-container")[0]
            var haibeiVideo = document.querySelectorAll('.haibei-video')[0];
            var videoLayer = document.querySelectorAll('.video-layer');
            var weixin = document.getElementById('weixin');
            var weixinCode = document.querySelectorAll(".weixinCode")[0];
            var iosDapp = document.getElementById('iosDapp');
            contarian.style.height = document.documentElement.clientHeight || document.body.clientHeight + 'px';
            weixin.onmouseenter = function(e) {
                var left = e.target.offsetLeft;
                var top = e.target.offsetTop;
                weixinCode.style.display = 'block';
                weixinCode.style.left = (left - 15) + 'px';
                weixinCode.style.bottom = '50px';
            }
            weixin.onmouseleave = function() {
                weixinCode.style.display = 'none';
            }
          
            iosDapp.onclick = function() {
                alert('IOS版审核中，敬请期待');
            }
        }
    </script>
</body>

</html>